<!DOCTYPE HTML>
<html>
	<head>
		<meta charset='utf-8' />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>前端规范-猪八戒网</title>
		<script>
			function password() {
        return [0,1,2,3,4,5,6,7,8,9].sort(function(){
            return Math.random() > .5;
        }).slice(7);
    }
    	var a = password();
    	console.log(a);
		</script>
		<style>
		/*genneral*/
			html,body {
				margin:0;
				padding: 0;
			}

			a:hover {
				color:#FD664E;
			}

			li,p {
				font-size: 14px;
				line-height: 1.8;
			}

			h2 {
				border-bottom: 1px solid #CCC;
				font-size:20.909px;
				line-height: 33.333px;
			}

			h3 {
				font-size: 16.356px;
				line-height: 26.3633px;
			}

			div#top_nav,div#side-bar {
				background-image: url(bg.gif);
			}

				div#top_nav ul li {
					float:left;
					list-style: none;
					
				}

		</style>
	</head>
	<body>

	</body>
</html>
<script>
	
	function draw(data) {
		points = data.split(' ');
	   var c = document.getElementById('qr-canvas').getContext('2d');
	   c.fillStyle='#EEE';
	   for(var i = 0; i<points.length;i++) {
	   		var p = points[i].split(',');
	   		c.fillRect(parseInt(p[0]),parseInt(p[1]),parseInt(p[2]),parseInt(p[3]))
	   }
	}
</script>